<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>自营商品</title>
    <link rel="stylesheet" href="../static/lib/layui/css/layui.css">
    <link rel="stylesheet" href="../static/css/base/base.css">
    <link rel="stylesheet" href="../static/css/components/collect.css">
    <link rel="stylesheet" href="../static/css/components/pro.css">
    <link rel="stylesheet" href="../static/css/components/active.css">
    <link rel="stylesheet" href="../static/css/components/tea-open.css">
</head>

<body>
    <ul class="layui-nav header-nav" lay-filter="">
        <li class="layui-nav-item">
            <a href="">logo</a>
        </li>
        <li class="layui-nav-item  ">
            <a href="../index.html">文章管理</a>
        </li>
        <li class="layui-nav-item">
            <a href="../activity/active.html">活动管理</a>
        </li>
        <li class="layui-nav-item layui-this">
            <a href="tea.html">茶馆管理</a>
        </li>
        <li class="layui-nav-item">
            <a href="../collection/collection.html">藏家行情</a>
        </li>
        <li class="layui-nav-item">
            <a href="../proprietary/proprietary.html">自营商品</a>
        </li>
        <li class="layui-nav-item">
            <a href="../banner/banner.html">banner管理</a>
        </li>
        <li class="layui-nav-item">
            <a href="../sms/sms.html">短信模板</a>
        </li>
        <!-- 头部右侧 -->
        <div class="header-right">
            <div class="help">
                <i class="layui-icon layui-icon-help ic-help" style="font-size: 6px; "></i>
            </div>
            <li class="layui-nav-item">
    
                <a href="">帮助</a>
            </li>
            <li class="layui-nav-item">
                <a href="">
                    <img src="http://t.cn/RCzsdCq" class="layui-nav-img">我</a>
            </li>
        </div>
    </ul>

    <!-- 面包屑 -->
    <div class="breadcrumb">
        <span class="layui-breadcrumb"lay-separator=">">
            <a href="">全部茶馆</a>
            <a href="">开放设置</a>
        </span>
    </div>


    <!-- 中间内容区 -->
    <div class="container">
        <div class="con-left fl">
            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                <li class="layui-nav-item layui-nav-itemed">
                    <a href="javascript:;">茶馆管理</a>
                    <dl class="layui-nav-child">
                        <dd>
                            <a href="tea.html">全部茶馆</a>
                        </dd>
                        <dd class="active-require">
                            <a href="tea-require.html">预约请求</a>
                            <div class="active-circle">1</div>
                        </dd>
                    </dl>
                </li>
            </ul>
        </div>
        <!-- 中间区域右侧 -->
        <div class="con-right fr">
            <!-- 商品搜索 -->
            <div class="layui-form-item">
                <div class="layui-input-block sign-name">
                    <label class="layui-form-label act-name ">活动名称：</label>
                    <div class="active-name">绿茶知多少</div>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block sign-name">
                    <label class="layui-form-label act-name ">所在城市：</label>
                    <div class="active-name">江苏南京</div>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block sign-name">
                    <label class="layui-form-label act-name ">详细地址：</label>
                    <div class="active-name">南京市软件大道9号</div>
                </div>
            </div>
            <hr>

            <!-- 列表区 -->
            <div class="layui-tab layui-tab-card card table-tea">
                <ul class="layui-tab-title tea-nav">
                    <li class="layui-this">开放日</li>
                    <li>排除日</li>
                </ul>
                <div class="layui-tab-content ">
                    <div class="layui-tab-item layui-show">
                        <!-- 内容区 -->
                        <table class="layui-table art-table tea-tab require-tab">
                            <colgroup>
                                <col width="150">
                                <col width="200">
                                <col>
                            </colgroup>
                            <thead>
                                <th>开放日期</th>
                                <th>开放时间段</th>
                                <th>修改时间</th>
                                <th>操作</th>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>星期一</td>
                                    <td> 08:50:08 | 08:50:08 | 08:50:08</td>
                                    <td>2016-09-21 08:50:08</td>
                                    <td class="article-edit">
                                        <a href="javascript:;" id="teaedit">编辑</a>
                                        <a href="javascript:;" id="indel">清除</a>
                                    </td>
                                </tr>
            
                                <tr>
                                    <td>星期二</td>
                                    <td> 08:50:08 | 08:50:08 | 08:50:08</td>
                                    <td>2016-09-21 08:50:08</td>
                                    <td class="article-edit">
                                        <a href="javascript:;">编辑</a>
                                        <a href="javascript:;">清除</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>星期三</td>
                                    <td> 08:50:08 | 08:50:08 | 08:50:08</td>
                                    <td>2016-09-21 08:50:08</td>
                                    <td class="article-edit">
                                        <a href="javascript:;">编辑</a>
                                        <a href="javascript:;">清除</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>星期四</td>
                                    <td> 08:50:08 | 08:50:08 | 08:50:08</td>
                                    <td>2016-09-21 08:50:08</td>
                                    <td class="article-edit">
                                        <a href="javascript:;">编辑</a>
                                        <a href="javascript:;">清除</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>星期五</td>
                                    <td> 08:50:08 | 08:50:08 | 08:50:08</td>
                                    <td>2016-09-21 08:50:08</td>
                                    <td class="article-edit">
                                        <a href="javascript:;">编辑</a>
                                        <a href="javascript:;">清除</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>星期六</td>
                                    <td> 08:50:08 | 08:50:08 | 08:50:08</td>
                                    <td>2016-09-21 08:50:08</td>
                                    <td class="article-edit">
                                        <a href="javascript:;">编辑</a>
                                        <a href="javascript:;">清除</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>星期日</td>
                                    <td> 08:50:08 | 08:50:08 | 08:50:08</td>
                                    <td>2016-09-21 08:50:08</td>
                                    <td class="article-edit">
                                        <a href="javascript:;">编辑</a>
                                        <a href="javascript:;">清除</a>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="layui-tab-item">
                        <table class="layui-table art-table tea-tab require-tab">
                            <colgroup>
                                <col width="150">
                                <col width="200">
                                <col>
                            </colgroup>
                            <thead>
                                <th>排除日</th>
                                <th>修改时间</th>
                                <th>操作</th>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>2016-09-21 至 2016-10-02</td>
                                    <td>2016-09-21 08:50</td>
                                    <td class="article-edit">
                                        <a href="javascript:;" id="add">新增</a>
                                        <a href="javascript:;">删除</a>
                                    </td>
                                </tr>
                        
                                <tr>
                                    <td>2016-09-21 至 2016-10-02</td>
                                    <td>2016-09-21 08:50</td>
                                    <td class="article-edit">
                                        <a href="javascript:;">新增</a>
                                        <a href="javascript:;">删除</a>
                                    </td>
                                </tr>
                               
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="../static/lib/layui/layui.all.js"></script>
    <script src="../static/js/jquery.min.js"></script>
    <script src="../static/js/base.js"></script>
    <script>
        ; !function () {
            //无需再执行layui.use()方法加载模块，直接使用即可
            var form = layui.form
                , layer = layui.layer;
                
             var teaedit = my('teaedit');
            teaedit.onclick = function () {
                layer.open({
                    type: 2,
                    title: '编辑开放时间',
                    shadeClose: true,
                    shade: 0.8,
                    area: ['600px', '75%'],
                    content: 'tea-edit.html' //iframe的url
                });
            }
            //排除日新增
             var add = my('add');
                add.onclick = function () {
                layer.open({
                    type: 2,
                    title: '新增排除日',
                    shadeClose: true,
                    shade: 0.8,
                    area: ['410px', '75%'],
                    content: 'exclude.html' //iframe的url
                });
            }
            var indel=my('indel')
             indel.onclick = function () {
                layer.confirm('您确定要删除这行内容吗？', {
                    btn: ['确定', '取消'] //按钮
                }, function () {
                    layer.msg('已删除', { icon: 1 });
                }, function () {
                    layer.msg('已取消');
                });
            }
        }();
    </script>



</body>

</html>